/* <!-- Initialize Swiper --> */
var swiper = new Swiper(".mySwiper", {
    cssMode: true,
    loop:true,
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    pagination: {
      el: ".swiper-pagination",
      clickable :true,
    },
    autoplay:true,
    mousewheel: true,
    keyboard: true,
  });

  //移入移出样式
  // //api列表区域交互效果
    /*
      分析:
         事件源：li中的 a 
         事件类型：mouseenter   mouseleave
         事件处理函数:
             mouseenter:
                 修改图片的src属性的值为新的值。 
                 修改文字的颜色为 #fff
                 修改盒子的背景色为：rgb(47, 126, 233)
             mouseleave:
                 修改图片的src属性的值为之前的值。 
                 修改文字的颜色为 ##181818
                 修改盒子的背景色为：#fff;    
        
                 mouseover和mouseout事件有事件冒泡现象。
                 mouseenter和mouseleave事件没有事件冒泡现象。
     */
    /***-----api 区域 -----------*/
    //获取元素
    let apiLi=document.querySelectorAll('.api-li');
    let fileName=''//文件名
    let endName=''//后缀名
    //遍历
    apiLi.forEach(function(v){
    v.addEventListener('mouseenter',function(){
      this.style.backgroundColor='#1271ef'//改变颜色
      //改变文字颜色
      this.children[1].style.color='#fff'
      //改变图片路径
      let path=this.children[0].src//获取图片路径
      let firstPos=path.lastIndexOf('/')//获取/的索引
      let lastPos=path.lastIndexOf('.')//获取.的索引
      fileName=path.substring(firstPos+1,lastPos)//文件名//字符串
      endName=path.substring(lastPos)//截取后缀名
      this.children[0].src=`../images/${fileName}-c${endName}` 
    })
    v.addEventListener('mouseleave',function(){
      this.style.backgroundColor='#fff'//改变颜色
       //改变文字颜色
       this.children[1].style.color='black'
       this.children[0].src=`../images/${fileName}${endName}`
    })
    })
   /*  help */
   //需求：跑马灯，依次给help-as添加active
   let helpAs=document.querySelectorAll('.help-as')
   let index=0;//索引
   setInterval(function(){
     //清除当前active
     helpAs[index].classList.remove('active');
     //索引自增
     index++
     //判断
     if(index===helpAs.length){
     index=0
     }
     //添加类名
    helpAs[index].classList.add('active')
   },2000)


   //移入移出效果
   let hLog=document.querySelectorAll('.h-log');
   let fileName1=''//文件名
    let endName1=''//后缀名
    
    hLog.forEach(function(v,i){
      //console.log(v)
    let a=v.src//获取图片路径
   v.addEventListener('mouseover',function(){
     let firstPos1=a.lastIndexOf('/')//获取/的索引
    let lastPos1=a.lastIndexOf('.')//获取.的索引
    fileName1=a.substring(firstPos1+1,lastPos1)//文件名//字符串
    endName1=a.substring(lastPos1)//截取后缀名 
     this.src=`../images/more-partners-item0${i+1}${endName1}` 
   })
   v.addEventListener('mouseout',function(){
     this.src=a
   })
    })

    //回到顶部
     let toTop=document.querySelector('.toTop')
      window.addEventListener('scroll',function(){
      let sTop=document.documentElement.scrollTop
      if(sTop>=1000){
       toTop.style.display='block';
      }else{
        toTop.style.display='none'
      }
    })
     //点击回到顶部
     toTop.addEventListener('click',function(){
      //缓动函数
      buffer(document.documentElement,{scrollTop:0})
    })
